<jsp:directive.page contentType="text/html;charset=UTF-8" />

<div class="tabbable">
	<ul class="nav nav-tabs">
		<li class="active"><a href="javascript:#taskList"
			data-toggle="tab">业务系统断开连接日志</a></li>
		<li><a href="javascript:#log" data-toggle="tab">任务执行失败日志</a></li>
	</ul>
	<div class="tab-content">
		<div class="tab-pane active" id="taskList">
			<table class="table table-hover table-striped table-bordered"
				border="1" style="width: 100%">
				<thead>
					<tr>
						<td colspan="3"></td>
						<td align="right"><input type="button" value="查询"
							data-ng-click="ttlogQuery()"></td>
					</tr>
					<tr>
						<td>时间</td>
						<td>任务运行UUID</td>
						<td>日志类型</td>
						<td>日志内容</td>
					</tr>
				</thead>
				<tbody>
					<tr data-ng-repeat="item in ttpager.items">
						<td data-ng-bind="item.logTime | date :'yyyy-MM-dd HH:mm:ss'"></td>
						<td data-ng-bind="item.taskTrackerUuid"></td>
						<td data-ng-bind="item.logType"></td>
						<td data-ng-bind=""></td>
					</tr>
				</tbody>
			</table>
			<pager pager-item="ttpager" />
		</div>
		<div id="log" class="tab-pane">
			<table class="table table-hover table-striped table-bordered"
				border="1" style="width: 100%">
				<thead>
					<tr>
						<td colspan="5"></td>
						<td align="right"><input type="button" value="查询"
							data-ng-click="tflogQuery()"></td>
					</tr>
					<tr>
						<td>时间</td>
						<td>作业ID</td>
						<td>任务ID</td>
						<td>任务运行UUID</td>
						<td>日志类型</td>
						<td width="80px;">日志内容</td>
					</tr>
				</thead>
				<tbody>
					<tr data-ng-repeat="item in tfpager.items">
						<td data-ng-bind="item.logTime | date :'yyyy-MM-dd HH:mm:ss'"></td>
						<td data-ng-bind="item.jobId"></td>
						<td data-ng-bind="item.taskId"></td>
						<td data-ng-bind="item.taskTrackerUuid"></td>
						<td data-ng-bind="item.logType"></td>
						<td>
							<button type="button" class="btn btn-primary btn-xs"
								data-toggle="modal" data-target="#alarmDetail"
								data-whatever="{{$index}}">详情</button>
						</td>
					</tr>
				</tbody>
			</table>
			<pager pager-item="tfpager" />
		</div>
	</div>
</div>


<div class="modal fade" id="alarmDetail" tabindex="-1" role="dialog"
	aria-labelledby="myLargeModalLabel" aria-hidden="true">
	<div class="modal-dialog modal-lg">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="exampleModalLabel">Detail</h4>
			</div>
			<div class="modal-body">
				<form>
					<div class="form-group">
						<input type="text" class="form-control" id="recipient-name"
							readonly="readonly" width="100%">
					</div>
					<div class="form-group">
						<label for="message-text" class="control-label">Message:</label>
						<textarea class="form-control" id="message-text" rows="15"
							readonly="readonly"></textarea>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
			</div>
		</div>
	</div>
</div>
